<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>认识正则表达式</h3>

    <script>
        // 表达式: 一行代码
        // 正则: 规则 , 条件
        // 正则表达式: 是一种用于检索(查找)或匹配字符串文本的代码  (特殊的代码)
        // 应用场景: 表单提交/校验数据(匹配字符串)

        // 定义字符串
        var str = "0abc123456789";
        // 假设: 分别挑出字符串的英文字母字符和数字字符
        // 没有正则表达式,处理上述要求就比较繁琐

        // 有正则表达式,处理上述要求就比较简单
        // var regExp = /\d/g;
        var regExp = /\d/g;
        // 检索所有数字
        // console.log(str.match(regExp).join(""));// 0123456789
        console.log(str.match(regExp).join(""));

        // 替换所有数字
        // console.log(str.replace(regExp,""));// abc

        // 替换所有字(非数字字符)
        // var regExp2 = /[^\d]/g;
        var regExp2 = /\D/g;
        // var regExp2 = /\D/g;
        console.log(str.replace(regExp2,""));// 0123456789


        // 总结:
            // 如果没有正则表达式,那么处理字符相关的业务逻辑就比较繁琐(麻烦)
            // 如果有正则表达式,那么关于字符相关的处理就比较见简单
            // 正则表达式就是一种用于匹配字符串的特殊代码.




    </script>
</body>
</html>